<%- include('../includes/head.ejs') %>

    <link rel="stylesheet" href="/css/forms.css" />
    <link rel="stylesheet" href="/css/product.css" />

</head>
<body>

<%- include('../includes/navigation.ejs') %>
<main>
    <form class="product-form" action="/admin/add-product" method="post">
        <div class="form-control">
            <label for="title">Title</label>
            <input type="text" name="title" id="title"/>
        </div>
        <div class="form-control">
            <label for="imageUrl">Image URL</label>
            <input type="text" name="imageUrl" id="imageUrl"/>
        </div>
        <div class="form-control">
            <label for="price">Price</label>
            <input type="number" name="price" id="price" step="0.01"/>
        </div>
        <div class="form-control">
            <label for="description">Description</label>
            <textarea name="description" id="description" rows="5"></textarea>
        </div>


        <button class="btn" type="submit">Add Product</button>
    </form>
</main>

<%- include('../includes/end.ejs') %>